<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String contextPath = request.getContextPath();
%>
<hr>

<!-- //Wrapper -->
<div id="wrapper">
    
		
	<!-- Contenter_Sub -->
	<div id="container_sub">
		
		<!-- Content_List -->
		<div id="sub_page_bg1"></div><!-- Sub Page Background -->
		
		<div id="content_list">

			<div class="title">
						<div class='sub_title'><li>회원현황</li><li class='stitle'>위대한만남에서 추천해 드리는 회원입니다.</li></div><div class='navig'><li class='frst'><img src='../image/all/home_icon.png' align='absmiddle' width='13' height='13'> <a href='<%=contextPath %>/main/index.do'>HOME</a></li><li>회원서비스</li><li>추천회원</li></div>
		<!-- sub_menu-->
					

	<ul class='sub_menu'>		
	  <ul class="sub_tab">
	<li><a class='rollover' href="<%=contextPath%>/propose/write.do">프로포즈</a></li>
		<li><a class='rollover' href="<%=contextPath%>/propose/search.do">이상형찾기</a></li>
		<li><a class='over' href="<%=contextPath %>/recommend/allList.do">회원현황</a></li>		
		<li><a class='rollover' href="<%=contextPath %>/eventBoard/list.do">파티&미팅</a></li>
		<li><a class='rollover' href="<%=contextPath %>/dcourseBoard/list.do">데이트코스</a></li>
	  </ul>
	 </ul>	
	
		

<!-- 게시판 목록 시작 { -->
<div id="bo_list">

    <!-- 게시판 카테고리 시작 { -->
    <nav id="bo_cate">
    <br>
        <h2> 카테고리</h2>
        <ul id="bo_cate_ul">
            <li><a href="<%=contextPath %>/recommend/allList.do" >전체</a></li>
            <li><a href="<%=contextPath %>/recommend/womanList.do" id="bo_cate_on">여성회원</a></li>
            <li ><a href="<%=contextPath %>/recommend/manList.do" >남성회원</a></li>
        </ul>
    </nav>
    <!-- } 게시판 카테고리 끝 -->
</div>
    <!-- 게시판 페이지 정보 및 버튼 시작 { -->
    <div class="bo_fx">
    <br>
        <div id="bo_list_total">
            <span>Total ${count}건</span>
            ${currentPage}페이지
        </div>

            </div>
    <!-- } 게시판 페이지 정보 및 버튼 끝 -->

    <form name="recommendWomanList" id="fboardlist" action="<%=contextPath %>/recommend/womanList.do" onsubmit="return fboardlist_submit(this);" method="post">

    <div class="tbl_head01 tbl_wrap">
        <table>
        <caption> 목록</caption>
        <thead>
        <tr>
            <th scope="col" class="td_num" width="16%">번호</th>
			<th scope="col" class="td_num" width="16%">이름</th>
            <th scope="col" class="td_num" width="16%">생일</th>
			<th scope="col" class="td_num" width="16%">키</th>
			<th scope="col" class="td_num" width="16%">지역</th>
			<th scope="col" class="td_num" width="16%">직업</th>
			<th width=650></th>
        </tr>
        </thead>
        <tbody>
         <c:forEach var="article" items="${list}">
        <tr class="">
            <td class="td_num">${number}
			<c:set var="number" value="${number-1}"/></td>
			<td align=center class="td_school">${article.name}</td>
			<td class="td_num">${article.birth}</td>
			<td class="td_num">${article.height}</td>
			<td class="td_num">${article.region}</td>
			<td class="td_num">${article.job}</td>
			<td></td>
        </tr>
        </c:forEach>
        
         <c:if test="${count == 0}">
      <tr>
		<td colspan="5" class="align-center">등록된 게시물이 없습니다.</td>
	  </tr>
	   </c:if>
     
            
        </tbody>
        </table>
    </div>

        </form>
</div>

<table>
<c:if test="${count > 0}">
<nav class="pg_wrap">

	<span class="pg">
	${pagingHtml} </span>
	  
</nav>
</c:if>
</table>


<!-- 페이지 -->

		
		<div id="blank">&nbsp;</div>
		</div>
		<!-- //content_list -->
    	</div>
	<!-- //contenter_sub -->

</div>
<!-- //wrapper -->

<script>
$(document).ready(function(){
  $(window).scroll(function () {
   if ($(this).scrollTop() > 10) { 
        $('#back-top').fadeIn();
   } else {
       $('#back-top').fadeOut();
   }
  });

  $('#back-top').click(function () {
   $('body,html').animate({
        scrollTop: 0
   }, 200);
        return false;
  });
});
</script>
<style>
#back-top {
 position: fixed;
 bottom: 100px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
 left: 90%;
 margin:0px;  /* 부라우저 중앙에서 우측으로 떨어질 거리설정  */
 z-index:999;
 display:none;
}
</style>
<div id="back-top">
    <a href="#wrap"><img src="/image/all/go_top.png" width="60" height="60" alt="위로가기"></a>
</div>
<!-- } 콘텐츠 끝 -->

<hr>

<hr>